import Img from "../../../assets/chatCard/14.webp";
import Closed from "../../../assets/chatCard/8.webp";
import { AnyObject } from "antd/es/_util/type";
import { useState } from "react";
import "./index.css";
import ScrollCom from "./scrollCom";
import AIHeader from "./header";
import AIInput from "./AIInput";
const HelpWrite = ({ resetIndex }: AnyObject) => {
  const [cardIndex, setCardIndex] = useState(0);
  const cardList = [
    "全部",
    "工作",
    "商业营销",
    "学习/教育",
    "社媒文章",
    "文学艺术",
    " 回复和改写",
  ];
  return (
    <>
      <ScrollCom
        cardIndex={cardIndex}
        cardList={cardList}
        handleIndex={(index: number) => setCardIndex(index)}
      >
        <div className="w-card w-quarter-minus-8 rounded-lg border border-gray-black"></div>
      </ScrollCom>
      <div className="rounded-2xl bg-z-black border-gray-black border overflow-hidden relative items-center">
        <AIHeader
          resetIndex={resetIndex}
          img={Img}
          Closed={Closed}
          title="帮我写作"
        />
        <AIInput placeholder="描述你所想象的画面，角色，情绪，场景，风格..." />
      </div>
    </>
  );
};

export default HelpWrite;
